<template>
  <div class="webinfo">
    <div class="webinfo-item">
      <div class="webinfo-item-title">
        <i class="haofont hao-icon-file-lines"></i>
        <div class="item-name">文章数 :</div>
      </div>
      <div class="item-count">{{ siteCount.articleCount }}</div>
    </div>
    <div class="webinfo-item">
      <div class="webinfo-item-title">
        <i class="haofont icon-sliders"></i>
        <div class="item-name">分类数 :</div>
      </div>
      <div class="item-count">{{ siteCount.categoryCount }}</div>
    </div>
    <div class="webinfo-item">
      <div class="webinfo-item-title"><i class="haofont icon-comment-alt"></i>
        <div class="item-name">评论数 :</div>
      </div>
      <div class="item-count">{{ siteCount.talkCount }}</div>
    </div>
    <div class="webinfo-item">
      <div class="webinfo-item-title">
        <i class="haofont hao-icon-bullseye"></i>
        <div class="item-name">访问量 :</div>
      </div>
      <div class="item-count">{{ siteCount.visitCount }}</div>
    </div>
    <div class="webinfo-item">
      <div class="webinfo-item-title">
        <i class="haofont hao-icon-stopwatch"></i>
        <div class="item-name">建站天数 :</div>
      </div>
      <div class="item-count" id="runtimeshow">{{ siteCount.buildCount }}天</div>
    </div>
    <div class="webinfo-item">
      <div class="webinfo-item-title">
        <i class="item-icon fas fa-font"></i>
        <div class="item-name">全站字数 :</div>
      </div>
      <div class="item-count">{{ siteCount.fontCount }}字</div>
    </div>
  </div>
</template>

<script setup>
import {computed} from "vue";
import store from "../../store/index.js";

const siteCount = computed(() => store.state.data.siteCount);
</script>

<style scoped>
</style>
